import { GetStaticProps } from 'next';
import Head from 'next/head';
import ReactMarkdown from 'react-markdown';
import rehypeRaw from 'rehype-raw';
import Footer from '../../../components/Footer';
import { MarkdownComponents } from '../../../components/Markdown/MarkdownComponents';
import Header from '../../../components/old/Header';
import CustomNav from '../../../components/SideNav/Custom';
import {
buildL2StaticPaths,
DocumentationProps,
fetchDocPageMarkdown,
getClientRuntimeConfig,
IParams,
reduceSlugToString,
} from '../../../components/util';
export interface SubPageType {
params: {
level1: string;
level2: string;
};
}
/**
* Render all index pages
* @returns
*/
export async function getStaticPaths() {
return {
paths: buildL2StaticPaths(),
fallback: false,
};
}
/**
* Get all the markdown data, build a menu tree, and then fetch the contents
* of the current page for rendering
*
* This is all done statically at build time
* @param context GetStaticProps
* @returns
*/
export const getStaticProps: GetStaticProps = async (context) => {
// Read current slug
const { level1 } = context.params as IParams;
let { level2 } = context.params as IParams;
if (!level2) {
level2 = '404';
}
return {
props: {
...fetchDocPageMarkdown(`docs/${level1}/`, reduceSlugToString(level2), `/${level1}`).props,
config: getClientRuntimeConfig(),
},
};
};
/**
* Render Docs page
* @param param0
* @returns
*/
export default function DocSubPage({ content, menu, metadata, current, config }: DocumentationProps) {
if (content) {
return (
{metadata.metaTitle}
{current?.subSections?.length > 0 &&
}
{metadata.title}
{metadata.description}
{content}
);
} else {
return (
Page Not Found
Page Not Found
);
}
}